﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Account/theme/admin/default.master" AutoEventWireup="true" CodeBehind="default.aspx.cs" Inherits="cmsni.Account._default" %>

<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<asp:Content ID="Content1" ContentPlaceHolderID="head" runat="server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="ContentPlaceHolder1" runat="server">

    <telerik:RadNotification ID="cmsnotify1" Position="TopRight" runat="server"></telerik:RadNotification>
    	<div class="page-header">
				<div class="pull-left">
					<h4><i class="icon-home"></i> Dashboard</h4>
				</div>
				<div class="pull-right">
					<ul class="bread">
						<li><a href="dashboard.html">Home</a><span class="divider">/</span></li>
						<li class='active'>Dashboard</li>
					</ul>
				</div>
			</div>
			<div class="content-highlighted">
				<ul class="quick" data-collapse="collapse">
				 	<li>
						<a href="#"><img id="Img1" src="~/Account/theme/admin/img/icons/order-149.png" runat="server" alt="" /><span>Task list</span></a>
					</li>
					<li>
						<a href="#"><img id="Img2" src="~/Account/theme/admin/img/icons/shipping.png" runat="server" alt="" /><span>Recent orders</span></a>
					</li>
					<li>
						<a href="#"><img id="Img3" src="~/Account/theme/admin/img/icons/my-account.png" runat="server" alt="" /><span>Account settings</span></a>
					</li>
					 <li>
						<a href="#"><img id="Img4" src="~/Account/theme/admin/img/icons/date.png"  runat="server" alt="" /><span>Events</span></a>
					</li>
					<li>
						<a href="#"><img id="Img5" src="~/Account/theme/admin/img/icons/lock.png" runat="server" alt="" /><span>Security settings</span></a>
					</li>
				 
				</ul>
			</div>

			<div class="container-fluid" id="content-area">
				<div class="row-fluid">
					<div class="span6">
						<div class="box">
							<div class="box-head">
								<i class="icon-bar-chart"></i>
								<span>Statistics</span>
								<div class="actions">
									<a href="#" rel='tooltip' title="Print statistics"><i class="icon-print"></i></a>
									<a href="#" rel='tooltip' title="Save for later"><i class="icon-save"></i></a>
								</div>
							</div>
							<div class="box-body">
								<ul class="charts">
									<li>
										<div class="chart" data-percent="76">76%</div>
										<span>HDD space</span>
									</li>
									<li>
										<div class="chart" data-percent="15">15%</div>
										<span>Memory used</span>
									</li>
									<li>
										<div class="chart" data-percent="41">41%</div>
										<span>Traffic</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
					<div class="span6">
						<div class="box">
							<div class="box-head">
								<i class="icon-tasks"></i>
								<span>Pending tasks</span>
								<div class="actions">
									<a href="#" rel='tooltip' title="Share"><i class="icon-share"></i></a>
									<a href="#" rel='tooltip' title="Mark all as done" data-placement="left"><i class="icon-check"></i></a>
								</div>
							</div>
							<div class="box-body box-body-nopadding">
								<ul class="tasklist">
									<li class='bookmarked'>
										<label class='checkbox'><input type="checkbox"></label>
										<span class="task"><i class="icon-gift"></i><span>Buy christmas presents</span></span>
										<span class="task-actions">
											<a href="#" class='task-bookmark' rel="tooltip" title="Important"><i class="icon-bookmark-empty"></i></a>
										</span>
									</li>
									<li>
										<label class='checkbox'><input type="checkbox"></label>
										<span class="task"><i class="icon-glass"></i><span>Get a drink with your friend</span></span>
										<span class="task-actions">
											<a href="#" class='task-bookmark' rel="tooltip" title="Important"><i class="icon-bookmark-empty"></i></a>
										</span>
									</li>
									<li class='done'>
										<label class='checkbox'><input type="checkbox" checked="checked"></label>
										<span class="task"><i class="icon-briefcase"></i><span>Check for new mails</span></span>
										<span class="task-actions">
											<a href="#" class='task-bookmark' rel="tooltip" title="Important"><i class="icon-bookmark-empty"></i></a>
										</span>
									</li>
									<li>
										<label class='checkbox'><input type="checkbox"></label>
										<span class="task"><i class="icon-retweet"></i><span>Go and tweet some stuff</span></span>
										<span class="task-actions">
											<a href="#" class='task-bookmark' rel="tooltip" title="Important"><i class="icon-bookmark-empty"></i></a>
										</span>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				<div class="row-fluid">
					<div class="span12">
						<div class="box">
							<div class="box-head">
								<i class="icon-comments"></i>
								<span>Messages</span>
								<div class="actions">
									<a href="#" rel='tooltip' title="Save conversation"><i class="icon-save"></i></a>
									<a href="#" rel='tooltip' title="Show history" data-placement="left"><i class="icon-time"></i></a>
								</div>
							</div>
							<div class="box-body box-body-nopadding">
								<ul class="messages">
									<li class="left">
										<div class="image">
											<img src="img/user-1.jpg" alt="">
										</div>
										<div class="message">
											<span class="name">Johny Doesy</span>
											<p>Lorem ipsum aute ut ullamco et nisi ad. Lorem ipsum adipisicing nisi Excepteur eiusmod ex culpa laboris. Lorem ipsum est ut irure ad esse minim ullamco. Lorem ipsum Duis est eu occaecat commodo non dolore cupidatat ut id laborum nisi culpa eu occaecat sit. Lorem ipsum aute laborum nostrud incididunt proident amet. </p>
											<span class="time">
												12 minutes ago
											</span>
										</div>
									</li>
									 
								 
									<li class="insert">
										<div class="test">
											<a href="#" class="button button-highlighted"><i class="icon-camera"></i></a>
										</div>
										<div class="text">
											<div class="dropup">
												<a href="#" data-toggle="dropdown" class="dropdown-toggle">
													<i class="icon-caret-up"></i>
												</a>
												<div class='dropdown-menu pull-right'>
													<ul class="smilies">
														<li>
															<a href="#">
																<img id="Img6" src="img/icons/smiley.png"  runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img7" src="img/icons/smiley-zipper.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img8" src="img/icons/smiley-yell.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img9" src="img/icons/smiley-wink.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img10" src="img/icons/smiley-twist.png" runat="server" alt="">
															</a>
														</li>
													</ul>
													<ul class="smilies">
														<li>
															<a href="#">
																<img id="Img11" src="img/icons/smiley-sweat.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img12" src="img/icons/smiley-surprise.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img13" src="img/icons/smiley-slim.png"  runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img14" src="img/icons/smiley-sleep.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img15" src="img/icons/smiley-sad.png" runat="server" alt="">
															</a>
														</li>
													</ul>
													<ul class="smilies">
														<li>
															<a href="#">
																<img id="Img16" src="img/icons/smiley-roll.png"  runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img17" src="img/icons/smiley-red.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img18" src="img/icons/smiley-razz.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img19" src="img/icons/smiley-neutral.png"  runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img20" src="img/icons/smiley-nerd.png" runat="server" alt="">
															</a>
														</li>
													</ul>
													<ul class="smilies">
														<li>
															<a href="#">
																<img id="Img21" src="img/icons/smiley-neutral.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img22" src="img/icons/smiley-mad.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img23" src="img/icons/smiley-lol.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img24" src="img/icons/smiley-kitty.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img25" src="img/icons/smiley-kiss.png" runat="server" alt="">
															</a>
														</li>
													</ul>
													<ul class="smilies">
														<li>
															<a href="#">
																<img id="Img26" src="img/icons/smiley-grin.png"  runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img27" src="img/icons/smiley-fat.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img28" src="img/icons/smiley-eek.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img29" src="img/icons/smiley-draw.png" runat="server" alt="">
															</a>
														</li>
														<li>
															<a href="#">
																<img id="Img30" src="img/icons/smiley-cry.png" runat="server" alt="">
															</a>
														</li>
													</ul>
												</div>
											</div>
											<input type="text" name="text" placeholder="Write here..." class="input-block-level">
										</div>
										<div class="submit">
											<input type="submit" value="Send" class='button button-highlighted'>
										</div>
									</li>
								</ul>
							</div>
						</div>
					</div>
				</div>
				   
		</div>
</asp:Content>
